body,div,ul,p,a,li,span,i,img,input,form{
  margin: 0;
  padding: 0;
}
body{
  font: 12px/1 微软雅黑;
  background: #f5f5f5;
}
li{
  list-style: none;
}
a{
  color: black;
  text-decoration: none;
  cursor: pointer;
}
a:hover{
  text-decoration: none;
}
footer{
  width: 100%;
  position: fixed;
  bottom: 0;
  background: #fff;
  border-top: 1px solid #ddd;
}
footer ul{
  display: flex;
  align-items: center;
}
footer ul li{
  width: 20%;
  padding: .8rem 0;
  text-align: center;
  font-size: 0.8rem;
}
footer ul li a{
  display: inline-block;
  width: 100%;
}
footer ul li i{
  display: inline-block;
  width: 2rem;
  height: 2rem;
}
ul.f-list li:nth-of-type(1) i{
  background: url(../img/voucher_center/voucher_center_73.jpg) no-repeat;
  background-size: 100%;
}
ul.f-list  li:nth-of-type(2) i{
  background: url(../img/voucher_center/voucher_center_67.jpg) no-repeat;
  background-size: 100%;
}
ul.f-list  li:nth-of-type(3) i{
  background: url(../img/voucher_center/voucher_center_70.jpg) no-repeat;
  background-size: 100%;
}
ul.f-list  li:nth-of-type(4) i{
  background: url(../img/voucher_center/voucher_center_76.jpg) no-repeat;
  background-size: 100%;
}
ul.f-list  li.now i{
  background: url(../img/voucher_center/voucher_center_79.jpg) no-repeat;
  background-size: 100%;
  margin-bottom: 0.3rem;
}
ul.f-list  li span{
  display: inline-block;
  width: 100%;
}
ul.f-list  li.on{
  color: #29a1f7;
}
